<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
</head>
<body>
<!--
<h1-h6>:标题，<h1>是一级标题 <h2>是二级标题，最多到6级标题
标题独占一行
<center>:现在已经不再建议使用这个标签了，后期都是使用css控制页面中的组件位置
该标签可以让它包含在它之内的组件居中显示

-->

<!--
<input>:输入组件,组件的样式由属性type决定
              type常见的值:
              text:文本框
              password:密码框
              button:按钮
              submit:提交按钮(表单使用)

              radio:单选框           单选框与复选框需要使用name属性分组,
              checkbox:复选框        名字相同的为一组,尤其单选框,一组的才会互斥

      <a>:超链接，标签中间的文本就是超链接上提示的文字，href属性用于指定点击超链接后
                跳转的路径。

      <br>:换行

      <table>:表格。属性border用于指定边框。
                    <table>标签中包含<tr>标签用于表示行
                    <tr>标签中包含<td>标签用于表示列
                    <td>标签中常见属性:
                    align:对其方式。left左对齐,right右对齐,center剧中对其
                    colspan:跨列合并列，合并是从左向右合并列
                    rowspan:跨行合并列，合并是从上向下合并列


-->

<center>
    <h1>BiliBili</h1>

    <input type="text" size="30">
    <input type="button"value="搜索" onclick="alert('点你妹呀！')"><br>

        <input type="radio" name="gender">男
        <input type="radio" name="gender">女<br>
        <input type="checkbox">1
        <input type="checkbox">2
        <input type="checkbox">3
        <input type="checkbox">4<br>



    <a href="/login.html">登录</a>
    <a href="/reg.html"> 注册</a>
    <a href="https://www.bilibili.com/">BiliBili</a><br>
    <table border="1">
        <tr>
            <td>姓名</td>
            <td>年龄</td>
            <td align="center">性别</td>
        </tr>
        <tr>
            <td>
                <input type="text">
            </td>
            <td>
                <input type="text">
            </td>
            <td>
                <input type="radio" name="gender">男
                <input type="radio" name="gender">女
            </td>
        </tr>
        <tr>
            <td>
                <input type="text">
            </td>
            <td>
                <input type="text">
            </td>
            <td>
                <input type="radio" name="gender1">男
                <input type="radio" name="gender1">女
            </td>
        </tr>
        <tr>
            <td>
                <input type="text">
            </td>
            <td>
                <input type="text">
            </td>
            <td>
                <input type="radio" name="gender2">男
                <input type="radio" name="gender2">女
            </td>
        </tr>

    </table><br>
    <table border="1" bgcolor="aqua">
        <tr>
            <td>第一列</td>
            <td colspan="2" align="center">第二列</td>

        </tr>
        <tr>
            <td rowspan="2">第一列</td>
            <td>第二列</td>
            <td>第三列</td>
        </tr>
        <tr>

            <td><a href="http://taobao.com">第二列
            </a>
             </td>
            <td>第三列</td>
        </tr>



    </table>


</center>

 


</body>
</html>